<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta target="_blank">
    <link rel="shortcut icon" href="./images/ico.ico" type="image/x-icon">
    <link rel="stylesheet" href="./CSS/bootstrap.min.css">
    <link rel="stylesheet" href="./CSS/personal-info-main.css">
    <link rel="stylesheet" href="./CSS/personal-info-animate.css">
    <link rel="stylesheet" href="./CSS/animate.min.css">
    <link href="./CSS/aos.css" rel="stylesheet">
    <title>ReusKai</title>
</head>

<body>
    <div class="fakeLoader"></div>
    <div class="profile-page">
        <div class="page-header">
            <nav class="navbar navbar-expand-md bg-primary navbar-dark">
                <div class="container-fluid container">
                    <a class="navbar-brand log" href="#"></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                        data-target="#collapsibleNavbar">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
                        <ul class="nav navbar-nav">
                            <li class="nav-item"><a class="nav-link" href="#about">基本资料</a></li>
                            <li class="nav-item"><a class="nav-link" href="#skill">专业技能</a></li>
                            <li class="nav-item"><a class="nav-link" href="#project">作品展示</a></li>
                            <li class="nav-item"><a class="nav-link"
								href="#work">项目经历</a></li>
                            <li class="nav-item"><a class="nav-link" href="#others">工作经历</a></li>
                            <li class="nav-item"><a class="nav-link" href="#contact">联系方式</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
			<!-- 跳转底部按钮 -->
            <a href="#about" class="go" title="Read More">
                <img src="./svg/arrow.svg" alt="">
            </a>

            <div class="page-header-mask"></div>
            <div class="page-header-particles" id="particles-js"></div>


            <div class="container">
                <div class="col-sm-12  .col-xs-12">
                    <div class="left-content">
                        <div class="row-no-use" style="height: 40px;"></div>
                        <div class="personalImage">
                            <a href="javascript:void(0)">
								<div class="myphoto"></div>
                                <!-- <img  src="./images/avatar.jpeg`" alt="个人图片"> -->
                            </a>
                        </div>

                        <div class="name-container">
                            <h2 class="name"><br></h2>
                        </div>

                        <div class="motto-container">
                            <p class="motto"></p>
                        </div>

                        <div class="intro-container bb">
                            <span class="info self-intro"></span>
                        </div>

                        <div id="myButtons2" class="bs-example">
                            <a href="#contact" class="hvr-bounce-to-right animate__backInRight">联系我</a>
                        </div>
                    </div>
                </div>
            </div>


        </div>

        <section class="about-section" id="about">
            <div class="container">
                <h2 class="section-title" data-aos="fade-up" data-aos-offset="10">基本资料</h2>
                <div class="card" data-aos="fade-up" data-aos-offset="100">
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <div class="card-body">
                                <div class="h4 mt-0 title">关于我</div>
                                <span class="me"></span>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <div class="card-body">
                                <div class="h4 mt-0 title">基本信息</div>
                                <div class="row">
                                    <div class="col-sm-4 col-xs-4"><strong>姓名:</strong></div>
                                    <div class="col-sm-8 col-xs-8 gg name"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong>性别:</strong></div>
                                    <div class="col-sm-8 sex"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">年龄:</strong></div>
                                    <div class="col-sm-8 age"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">电话:</strong></div>
                                    <div class="col-sm-8 phone"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">邮箱:</strong></div>
                                    <div class="col-sm-8 email"></div>
                                </div>
                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">地址:</strong></div>
                                    <div class="col-sm-8 address"></div>
                                </div>

                                <div class="row mt-2">
                                    <div class="col-sm-4"><strong class="text-uppercase">微信:</strong></div>
                                    <div class="col-sm-8 wechat"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="skill-section" id="skill">
            <div class="container">
                <h2 class="section-title" data-aos="fade-up" data-aos-offset="10">专业技能</h2>
                <div class="card" data-aos="fade-up" data-aos-offset="100" data-aos-anchor-placement="top-bottom">
                    <div class="row">
                        <!-- <div class="col-lg-6 col-md-12 p">
                            <div class="card-body skill-body"></div>
                        </div> -->
                        <div class="col-lg-12 skill-about">
                            <div class="card-body">
                                <div class="h4 mt-0 title">技能描述</div>
                                <div class="desc"></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <section class="portfolio-section" id="project">
            <div class="tab-content gallery mt-5">
                <h2 class="section-title" data-aos="fade-up" data-aos-offset="10">作品展示</h2>
                <div class="container">
                    <div class="ml-auto mr-auto portfolio-section-main-container">
                    </div>
                </div>

            </div>


        </section>

        <section class="experience-section" id="work">
            <div class="container">
                <h2 class="section-title" data-aos="fade-in" data-aos-offset="10">项目经历</h2>
            </div>
        </section>



        <section class="others-section" id="others">
            <div class="container" data-aos="fade-up" data-aos-offset="100">
                <h2 class="section-title">工作经历</h2>
                <div class="col-sm-12 col-xs-12">
                    <div class="content-timeline-border">
                        <div class="timeline-left">
                            <span></span>
                            <ul class="timeul">
                            </ul>
                        </div>
                        <div class="timeline-right">
                            <span></span>
                            <ul class="timeul">
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="contact-section" id="contact">
            <div class="container">
                <h2 class="section-title" data-aos="fade-in" data-aos-offset="10">联系我</h2>
                <div class="main">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card mb-0" data-aos="zoom-in" data-aos-offset="100">

                                <div class="row">
                                    <div class="col-sm-6 col-xm-12 col-md-6">
                                        <div class="card-body">

                                            <p><strong>邮件联系我</strong></p>
                                            <div class="row mb-3">
                                                <div class="col">
                                                    <div class="input-group"><span class="input-group-addon">
														<img src="./svg/email.svg" alt="">
                                                        </span>
                                                        <input class="form-control subject" type="text" name="Subject"
                                                            placeholder="主题" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-3">
                                                <div class="col">
                                                    <div class="input-group">
                                                        <textarea class="form-control message" name="message"
                                                            placeholder="message" rows="5"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col">
                                                    <button class="btn btn-primary" id="emailSend">Send</button>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="card-body">
                                            <p class="mb-0"><strong>电话</strong></p>
                                            <p class="pb-2 phone"></p>
                                            <p class="mb-0"><strong>邮箱</strong></p>
                                            <p class="pb-2 email"></p>
                                            <p class="mb-0"><strong>地址</strong></p>
                                            <p class="pb-2 address"></p>
                                            <p class="mb-0"><strong>QQ</strong></p>
                                            <p class="qq"></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">

                                        <dic class="card-body">
                                            <div class="container text-center icon-insert">
                                            </div>
                                        </dic>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</body>
<script src="./JS/jquery-3.6.0.js">
</script>
<script src="./JS/popper.min.js">
</script>
<script src="./JS/bootstrap.min.js">
</script>
<script src="./JS/particles.min.js"></script>
<script src="./JS/app.js"></script>
<script src="./JS/aos.js"></script>
<script src="./JS/personal-info-main.js"></script>
<script>
	AOS.init();
</script>
</html>